React Native中的布局
使用width和heightreact native中width和height没有单位，表示的是与设备像素密度无关的逻辑像素点<View style={{width:100,height:100,backgroundColor: 'gray'}}> <Text style={{fontSize: 16}}>测试字体</Text></View>上面的width、height、fontSize在android中宽和高被解析成dp、字体被解析为sp；iOS上宽和高被解析为pt，虽然width和height...
2024-01-10
React Native 开发之IDE
个人暂时使用Atom和Nuclide，虽然有些不方便，不过喜欢界面以及安装简单哈哈，之后可能尝试下别的。译注：React Native官方更推荐使用WebStorm或Sublime Text来编写React Native应用。1. Atom和Nuclide1) Atom编辑器Atom是一个开源版本的编辑器，有着非常强大以及完美的体验，Atom最大的特色就是可以安装很多的插...
2024-01-10
React Native 目录引用问题
error:bundling failed:UnableToResolveError:Unable to resolve module '../app/......'as a file nor as a folder错误的提示如下图所示：错误的原因是由于引用外部js文件的路径错误导致的，所以不能识别，知识点：一、./表示引用当前目录下的文件二、../表示引用当前目录下的上级目录的文件夹活文件...
2024-01-10
React Native 之 数据持久化
前言因为 实战项目系列 涉及到数据持久化，这边就来补充一下。如本文有错或理解偏差欢迎联系我，会尽快改正更新！如有什么问题，也可直接通过邮箱 277511806@qq.com 联系我。demo链接: https://pan.baidu.com/s/1hsspiio 密码: dk3h数据持久化数据持久化一直都是软件开发中重要的一个环节，几乎所有...
2024-01-10
React Native中的全局变量/常量
在ReactNative中，有一种方法可以在全局变量上定义将要使用的所有字符串，就像在Android开发中一样，这里有一个String.xml，您可以在其中放置所有字符串。回答：我要做的是创建一个globals模块…//文件：Globals.jsmodule.exports = { STORE_KEY: 'a56z0fzrNpl^2', BASE_URL: 'http://someurl.com', COLOR: { ORANGE: '#C50', DA...
2024-01-10
React Native——组件的生命周期
组件生命周期上流程图描述了组件从创建、运行到销毁的整个过程，可以看到如果一个组件在被创建，从开始一直到运行会依次调用getDefaultProps到render这五个函数；在运行过程中，如果有属性和状态的改变，又会触...
2024-01-10
React Native入门遇到的一些问题
本文示例参考自《React Native第一课》 React Native官方文档中文版（含最新Android内容） 这里只大概记录下我的操作步骤和遇到的问题，一定要牢记下面这条： 如果你在Mac下遇到提示写入权限时，记得在命令前加上sudo 安装开发所需要的环境，参考这里>> 我所遇到的几个问题： 1) 安装brew curl -LsSf http://gith...
2024-01-10
React-Native 之 项目实战(一)
前言本文有配套视频，可以酌情观看。文中内容因各人理解不同，可能会有所偏差，欢迎朋友们联系我。文中所有内容仅供学习交流之用，不可用于商业用途，如因此引起的相关法律法规责任，与我无关。如文中内容对您造成不便，烦请联系 277511806@qq.com 处理，谢谢。转载麻烦注明出处，谢谢。...
2024-01-10
React Native之React速学教程
本文出自《React Native学习笔记》系列文章。React Native是基于React的，在开发React Native过程中少不了的需要用到React方面的知识。虽然官方也有相应的Document，但篇幅比较多，学起来比较枯燥。通过《React Native之React速学教程》你可以对React有更系统和更深入的认识。为了方便大家学习，我将《React Native之...
2024-01-10
React Native 常用的 15 个库
本篇 react native 库列表不是从网上随便找的， 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有，但经过大量研究并在我的程序中尝试后，我选择了这些库。15. React Native Animatable这个库非常适合快速地向 react Native 应用程序添加简单的动画和转换。这个库有两种使用方式:声明式...
2024-01-10
React Native小白入门学习路径——三
迷茫，真的迷茫。 或许是自己努力的还不够吧，在学习的过程中遇到了很多问题，自己尝试借助搜索引擎解决问题，无奈国内的教程写的还很基础，涉及到稍微具体一点的问题时讲解就比较少更新也比较慢，绝大多数还是很早之前的版本下的处理方式。满满的还总结出一个结论，绝大多数讲入门的教...
2024-01-10
Windows搭建React Native环境
自己搭建了Rctive Native的环境，还是遇到了些问题，记录下。一、环境搭建1.下载安装JDKJDK的下载安装配置最好1.8版本的，我自己的电脑之前安装的是1.7的，在运行的过程中出现过问题。2.下载配置Android SDK因为我自己是做Android开发的，这些都已经下载好了，也可以去AndroidDevTools去下载（http://www.and...
2024-01-10
React-Native 原生 APP 更新
当一个 APP在运行的时候, 开发者想要将自己的代码更新到用户的手机上时, 一般都有两种方案, 一是热更新, 二就是 APP 更新.热更新暂且不说,这篇文章就讲讲 APP 如何更新App更新流程在 App 打开时请求接口或文件, 获取远程版本/版本更新说明/地址等等重用信息通过库或者原生方案, 获取 App 的当前版...
2024-01-10React Native粘性行和标题滚动性能？
我拼凑了一个Microsoft Excel的工作版本，如“冻结疼痛”视图。列标题水平滚动内容，行标题与内容垂直滚动，但当滚动另一个时，每个“卡住”位置。React Native粘性行和标题滚动性能？You can try the working version here. 这不是最佳的，因为它停止了一个轻弹的滚动或只是轻扫许多口吃。该方法使用了一些...
2024-01-10
React Native(十四)——Slider
最近我们rn版的App快要内测了，小伙伴们都在积极的改bug，于是在其中就遇到了关于Slider的部分小知识，特地记录自己用到的部分属性，也许恰好会帮助到用到该组件的你：属性罗列（https://reactnative.cn/docs/0.51/slider.html#content）：View props… 继承View的所有属性；1.disabled:如果为true，用户就...
2024-01-10
React Native、Flutter 优劣势
React Native 框架的优势 React Native 框架的优势跨端方案的初衷是要解决多平台重复开发的问题，也就是说，使用跨端方案的话，多个平台的开发者可以使用相同的开发语言来开发适合不同系统的 App。React Native 使用 JavaScript 语言来开发，Flutter 使用的是 Dart 语言。这两门编程语言，对 iOS 开发者来说都...
2024-01-10无法运行jetifier React Native
我尝试运行react-native run-android，但出现此错误。info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. error Failed to run jetifier. Run CLI with --verbose flag for more details. Error: spawnSync C:\Users\JayK...
2024-01-10
Weex 和 React Native 的比较看这里
写在前面目前主流的应用大体分成三类：Native App, Web App, Hybrid App.Native App 特点:性能好完美的用户体验开发成本高，无法跨平台升级困难 (审核), 维护成本高Web App 特点:开发成本低, 更新快, 版本升级容易, 自动升级跨平台，Write Once , Run Anywhere无法调用系统级的 API临时入口，用户留存度低...
2024-01-10
给iOS开发者的React Native入门使用教程
目录一. 原生iOS项目集成React Native二. 原生跳转RN页面三. 显示豆瓣热门电影列表四. 改为导航一. 原生iOS项目集成React Native创建一个新的文件夹，如RNProject，然后新建一个/ios的子文件夹，将已有的iOS项目全部文件复制进去。在RNProject根目录创建package.json文件，内容如下：{ "name": "RNProject", ...
2024-01-10
5 React State(状态)
React 把组件看成是一个状态机（State Machines) ,通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致.React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）(相当于用数据去驱动，而不用操作DOM)以下实例，创建一个名称扩展为 React.Component 的 ES6 类...
2024-01-10
React Native中ScrollView性能探究
1 基本使用ScrollView 是 React Native(后面简称：RN) 中最常见的组件之一。理解 ScrollView 的原理，有利于写出高性能的 RN 应用。ScrollView 的基本使用也非常简单，如下：<ScrollView> <Child1 /> <Child2 /> ... </ScrollView> 它和 View 组件一样，可以包含一个或者多个子组件。对子组件的布局可...
2024-01-10
React Native 混合编程 之与原生平台通信原理
一、组件和API API:(Application Programming Interface) 是指应用程序的接口，在React Native 平台上，API是一些预先定义并实现好的函数，基于React Native 平台的API，应用开发者通过调用这些接口就可以达到预期的目的，而无需了解React Native 内部工作的细节。组件:(Componet)是对数据和方法等简单封装，可以理解为...
2024-01-10
为什么我切换到React Native来创建超级简单的底页
I recently switched jobs, and one of my first tasks was to create a bottom sheet in React Native. 我最近更换了工作，而我的首要任务之一是在React Native中创建一个底页。 Coming from a native Android development background, I thought it was going to be as daunting as creating a bottom s...
2024-01-10如何在React Native上从本地JSON文件获取数据？
如何存储本地文件（如JSON），然后从控制器中获取数据？回答：从React Native 0.4.3开始，您可以像这样读取本地JSON文件：const customData = require('./customData.json');然后像普通的JS对象一样访问customData。...
2024-01-10
React-Native学习之路（七）ListView
ListView2018年7月22日15:53一、实现ListView基本显示中的两个必要属性：1）.dataSource: dataSource是ListView的数据源，首先在state中去创建一个ListView.DataSource数据源，然后通过cloneWithRows方法为其传递一个数组，其中提供给数据源的rowHasChanged函数可以告诉ListView它是否需要重绘一行数据，即数据是否...
2024-01-10
